<template>

    <Row>
      <Col
        :xs="24"
        :sm="24"
        :md="12"
        :lg="24/columnCount"
        v-for="key in Object.keys(data)"
        :key="key"
      >
        <div style="margin-top:8px;">
          <span style="font-weight:600;">{{$t(`${i18nKey}.${key}`)}} :</span>
          <span>{{data[key]}}</span>
        </div>
      </Col>
    </Row>

</template>
<script>
export default {
  name: 'Jdd-TextArea',
  data () {
    return {}
  },
  props: {
    data: {
      type: Object,
      default: () => {}
    },
    maxHeight: {
      type: Number,
      default: 3
    },
    columnCount: {
      type: Number,
      default: 3
    },
    i18nKey: {
      type: String,
      default: ''
    }
  }
}
</script>
